.color-success {
  color: #ec6941; }

.color-default {
  color: #0076f7; }

@media only screen and (max-width: 1366px) {
  html {
    font-size: 16.8px; } }

@media only screen and (max-width: 720px) {
  html {
    font-size: 14px; } }

@media only screen and (max-width: 360px) {
  html {
    font-size: 14px; } }

html, body {
  background: #f0f0f0; }

.qyfw-box ul > li {
  height: 8.04762rem;
  background: #fff;
  margin-bottom: 0.35714rem;
  position: relative; }
  .qyfw-box ul > li.li-box2 {
    height: 5.2381rem; }
  .qyfw-box ul > li > .first-box {
    height: 5.16667rem;
    border-bottom: 1px solid #d8d8d8; }
    .qyfw-box ul > li > .first-box > i {
      width: 3.33333rem;
      height: 3.33333rem;
      float: left;
      margin-left: 1.19048rem;
      margin-top: 0.95238rem; }
    .qyfw-box ul > li > .first-box > i.qy-icon1 {
      background: url("../images/wdqy/qy1.png") no-repeat;
      background-size: cover; }
    .qyfw-box ul > li > .first-box > i.qy-icon2 {
      background: url("../images/wdqy/qy2.png") no-repeat;
      background-size: cover; }
    .qyfw-box ul > li > .first-box > i.qy-icon3 {
      background: url("../images/wdqy/qy3.png") no-repeat;
      background-size: cover; }
    .qyfw-box ul > li > .first-box > i.qy-icon4 {
      background: url("../images/wdqy/qy4.png") no-repeat;
      background-size: cover; }
    .qyfw-box ul > li > .first-box > i.qy-icon5 {
      background: url("../images/wdqy/qy5.png") no-repeat;
      background-size: cover; }
    .qyfw-box ul > li > .first-box > .span-box {
      margin-left: 1.04762rem;
      margin-top: 0.85714rem;
      display: inline-block;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .qyfw-box ul > li > .first-box > .span-box > .black-span {
        font-size: 1.14286rem;
        display: block;
        line-height: 1.7619rem; }
      .qyfw-box ul > li > .first-box > .span-box > .black-span2 {
        font-size: 1.14286rem;
        display: block;
        line-height: 1.7619rem;
        margin-top: 0.95238rem; }
      .qyfw-box ul > li > .first-box > .span-box > .gray-span {
        font-size: 0.95238rem;
        color: #959595;
        display: block;
        line-height: 1.7619rem; }
    .qyfw-box ul > li > .first-box > .qy-wc-a {
      width: 3.97619rem;
      height: 1.83333rem;
      line-height: 1.83333rem;
      position: absolute;
      color: #087cff;
      font-size: 1rem;
      border: 1px solid #087cff;
      text-align: center;
      border-radius: 6px;
      top: 0.90476rem;
      right: 1.19048rem; }
  .qyfw-box ul > li > .first-box.first-box2 {
    height: 5.2381rem;
    border-bottom: none; }
  .qyfw-box ul > li > .second-box {
    height: 2.80952rem;
    line-height: 2.80952rem; }
    .qyfw-box ul > li > .second-box > .span-left {
      font-size: 0.85714rem;
      color: #969696;
      margin-left: 1.19048rem;
      display: inline-block; }
    .qyfw-box ul > li > .second-box > .qy-cklc {
      font-size: 1rem;
      color: #666666;
      position: absolute;
      right: 1.19048rem; }
      .qyfw-box ul > li > .second-box > .qy-cklc > i {
        width: 0.5rem;
        height: 0.90476rem;
        display: inline-block;
        background: url("../images/arrow-left.png") no-repeat;
        background-size: cover;
        vertical-align: middle;
        margin-left: 0.38095rem; }

.hz-banner .hz-info-box {
  top: 40%; }

.qy-message-list ul {
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  padding-left: 0.71429rem;
  background: #fff; }
  .qy-message-list ul > li {
    line-height: 3.2381rem;
    font-size: 1rem;
    border-bottom: 1px solid #d8d8d8; }
    .qy-message-list ul > li:last-child {
      border: none; }
    .qy-message-list ul > li > p {
      line-height: 1.90476rem; }
    .qy-message-list ul > li > .gray-text {
      color: #979797;
      display: inline-block; }

.btn-box {
  width: 24.42857rem;
  margin-top: 1.80952rem;
  margin-left: auto;
  margin-right: auto; }
  .btn-box .qrqy-btn {
    width: 46%;
    height: 2.90476rem;
    line-height: 2.90476rem;
    color: #fff;
    font-size: 1rem;
    text-align: center;
    border-radius: 6px;
    background: #087cff;
    display: inline-block; }
  .btn-box .qrqy-btn.jjqy-btn {
    color: #087cff;
    border: 1px solid #087cff;
    background: #f0f0f0;
    margin-left: 1.38095rem; }

.message-box {
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  margin-top: 0.38095rem;
  background: #fff; }
  .message-box.message-box2 {
    border: none;
    margin-top: 0; }
  .message-box .message-first-box {
    height: 8.33333rem;
    border-bottom: 1px solid #d8d8d8; }
    .message-box .message-first-box.box2 {
      border-bottom: none;
      height: 1.95238rem; }
    .message-box .message-first-box ul {
      padding-top: 0.71429rem;
      padding-left: 1.2619rem; }
      .message-box .message-first-box ul > li {
        width: 100%;
        color: #969696;
        font-size: 1rem;
        /* height: 1.80952rem; */
        line-height: 1.80952rem;
        float: left; }
        .message-box .message-first-box ul > li span {
          color: #969696; }
        .message-box .message-first-box ul > li > .big-text {
          font-size: 1.19048rem;
          display: inline-block;
          color: #000; }
        .message-box .message-first-box ul > li > .black-text {
          display: block;
          color: #000;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
        .message-box .message-first-box ul > li > .sex {
          display: inline-block;
          margin-left: 0.42857rem; }
        .message-box .message-first-box ul > li > .age {
          display: inline-block;
          margin-left: 0.42857rem; }
      .message-box .message-first-box ul > .left-li {
        width: 50%;
        float: left; }
      .message-box .message-first-box ul > .right-li {
        width: 50%;
        float: left; }
  .message-box .message-second-box {
    height: 3.66667rem;
    line-height: 3.66667rem;
    position: relative; }
    .message-box .message-second-box .ckxq {
      font-size: 1rem;
      color: #666666;
      padding-left: 1.2619rem;
      cursor: pointer; }
      .message-box .message-second-box .ckxq > i {
        width: 0.5rem;
        height: 0.90476rem;
        background: url("../images/arrow-left.png") no-repeat;
        background-size: cover;
        display: inline-block;
        vertical-align: middle;
        margin-left: 0.40476rem; }
    .message-box .message-second-box .btn-right {
      position: absolute;
      right: 1.2619rem;
      top: -0.02381rem; }
      .message-box .message-second-box .btn-right > .blue-text {
        color: #087cff;
        border: 1px solid #087cff;
        border-radius: 6px;
        text-align: center;
        width: 3.38095rem;
        height: 1.85714rem;
        line-height: 1.85714rem;
        display: inline-block; }
      .message-box .message-second-box .btn-right > .blue-text.yellow-text {
        color: #f9923e;
        border: 1px solid #f9923e;
        margin-left: 1.14286rem; }

.pj-box {
  display: block;
  line-height: 1.90476rem;
  padding-left: 1.2619rem;
  background: #fff; }
  .pj-box span {
    display: inline-block;
    font-size: 1rem;
    width: 6.66667rem;
    color: #969696; }
  .pj-box .star-box {
    display: inline-block;
    position: relative;
    vertical-align: middle; }
    .pj-box .star-box > ul > li {
      float: left; }
      .pj-box .star-box > ul > li > a.star {
        width: 1.33333rem;
        height: 1.33333rem;
        background: url("../images/wdqy/red-star.png") no-repeat;
        background-size: cover;
        vertical-align: middle;
        display: inline-block;
        float: left;
        margin-right: 0.47619rem; }
        .pj-box .star-box > ul > li > a.star-gray {
        width: 1.33333rem;
        height: 1.33333rem;
        background: url("../images/wdqy/gray-star.png") no-repeat;
        background-size: cover;
        vertical-align: middle;
        display: inline-block;
        float: left;
        margin-right: 0.47619rem; }

.pj-box-out {
  padding-top: 0.2381rem;
  padding-bottom: 0.33333rem;
  background: #fff;
  border-bottom: 1px solid #d8d8d8; }

.pj-text-box {
  height: 10rem;
  position: relative;
  margin-top: 0.38095rem;
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8; }
  .pj-text-box #tip {
    position: absolute;
    top: 0.71429rem;
    left: 1.2619rem;
    font-size: 1rem;
    color: #b5b5b5; }
  .pj-text-box > textarea {
    width: 100%;
    height: 9.83333rem;
    resize: none;
    font-size: 0.85714rem;
    color: #333;
    padding-top: 0.71429rem;
    padding-left: 1.90476rem;
    -webkit-tap-highlight-color: transparent;
    border: none; }

.tj-btn-box {
  margin-left: 1.54762rem;
  margin-right: 1.54762rem;
  margin-top: 0.83333rem;
  margin-bottom: 1.19048rem; }
  .tj-btn-box a {
    height: 3.04762rem;
    line-height: 3.04762rem;
    display: block;
    border: 1px solid #087cff;
    color: #087cff;
    border-radius: 4px;
    font-size: 1.33333rem;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    background: #fff; }
